home *** CD-ROM | disk | FTP | other *** search
/ PC World 2008 September / PCWorld_2008-09_cd.bin / v cisle / sadanastroju / bookmark_previews-0.6.5-fx.xpi / chrome / content / placesOrganizer.js < prev    next >
Encoding:
JavaScript  |  2008-05-27  |  28.2 KB  |  762 lines
  1. /* ***** BEGIN LICENSE BLOCK *****
  2.  * Version: MPL 1.1/GPL 2.0/LGPL 2.1
  3.  *
  4.  * The contents of this file are subject to the Mozilla Public License Version
  5.  * 1.1 (the "License"); you may not use this file except in compliance with
  6.  * the License. You may obtain a copy of the License at
  7.  * http://www.mozilla.org/MPL/
  8.  *
  9.  * Software distributed under the License is distributed on an "AS IS" basis,
  10.  * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
  11.  * for the specific language governing rights and limitations under the
  12.  * License.
  13.  *
  14.  * The Original Code is the Bookmark Previews extension.
  15.  *
  16.  * The Initial Developer of the Original Code is
  17.  * John Marshall <JohnM555@gmail.com>.
  18.  * Portions created by the Initial Developer are Copyright (C) 2007
  19.  * the Initial Developer. All Rights Reserved.
  20.  *
  21.  * Contributor(s):
  22.  *   John Marshall <JohnM555@gmail.com>
  23.  *
  24.  * Alternatively, the contents of this file may be used under the terms of
  25.  * either the GNU General Public License Version 2 or later (the "GPL"), or
  26.  * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
  27.  * in which case the provisions of the GPL or the LGPL are applicable instead
  28.  * of those above. If you wish to allow use of your version of this file only
  29.  * under the terms of either the GPL or the LGPL, and not to allow others to
  30.  * use your version of this file under the terms of the MPL, indicate your
  31.  * decision by deleting the provisions above and replace them with the notice
  32.  * and other provisions required by the GPL or the LGPL. If you do not delete
  33.  * the provisions above, a recipient may use your version of this file under
  34.  * the terms of any one of the MPL, the GPL or the LGPL.
  35.  *
  36.  * ***** END LICENSE BLOCK ***** */
  37.  
  38. var ThumbView = null;
  39. function PreviewProvider(aRoot){
  40.   if (!aRoot)
  41.       aRoot = PlacesPreviewUtils.getViewRoot();
  42.   this.root = aRoot;
  43.   this.result = this.root.parentResult;
  44.   this._view = PlacesOrganizer._content.getResultView();
  45. //  var idx = view.treeIndexForNode(aNode);
  46. //  if (idx == 4294967295)
  47. //    idx=-1;
  48.   this.idx=-1;
  49.   var isOpen = this.idx==-1 || this._view.isContainerOpen(this.idx);
  50.   var rowCount = this._view.rowCount;
  51.   if (!(rowCount==0 || this.idx>=rowCount)){
  52.     this.level = this._view.getLevel(this.idx+1);
  53.   }
  54. }
  55. PreviewProvider.prototype = {
  56.   _idx: -1,
  57.   get length(){
  58.     return this._view.rowCount;
  59.     //return this.root.childCount;
  60.   },
  61.   getImage : function(idx){
  62.     var rowLevel = this._view.getLevel(idx);
  63.     if (rowLevel == this.level){
  64.       var node = this._view.nodeForTreeIndex(idx);
  65.       var aType = node.type;
  66.       if (aType!=Ci.nsINavHistoryResultNode.RESULT_TYPE_SEPARATOR){
  67.         return new PreviewImage(node);
  68.       }
  69.     }
  70.     return null;
  71.     /*var node = this.root.getChild(idx);
  72.     var aType = node.type;
  73.     if (aType!=Ci.nsINavHistoryResultNode.RESULT_TYPE_SEPARATOR){
  74.       return new PreviewImage(node);
  75.     }
  76.     return null;
  77.     */
  78.   }
  79. }
  80.  
  81. function PreviewImage(node){
  82.   this.url = node.uri
  83.   this.name = (node.title && node.title.length>0)?node.title:node.uri;
  84.   this.caption = this.name;
  85.   if (!(node instanceof Ci.nsINavHistoryContainerResultNode))
  86.     this.image = PlacesPreviewUtils.getImageForURL(this.url);
  87.   else
  88.     this.image = "chrome://bookmarkpreviews/skin/folder.png";
  89.   this.node = node;
  90. }
  91. var PlacesPreviewUtils = {
  92.   utils : {refreshDisplay:function(){}},
  93.   displayRoot : null,
  94.   contentDeck : null,
  95.   selected : null,
  96.   dir : null,
  97.   _initNamePicker: function EIO2_initNamePicker() {
  98.     var userEnteredNameField = this._element("userEnteredName");
  99.     var namePicker = this._element("namePicker");
  100.     var droppable = false;
  101.  
  102.     userEnteredNameField.label = this._getItemStaticTitle();
  103.     // clean up old entries
  104.     var menupopup = namePicker.menupopup;
  105.     while (menupopup.childNodes.length > 2)
  106.       menupopup.removeChild(menupopup.lastChild);
  107.     if (this._microsummaries) {
  108.       this._microsummaries.removeObserver(this);
  109.       this._microsummaries = null;
  110.     }
  111.  
  112.     var itemToSelect = userEnteredNameField;
  113.     try {
  114.       if (this._itemType == Ci.nsINavBookmarksService.TYPE_BOOKMARK &&
  115.           !this._readOnly)
  116.         this._microsummaries = PlacesUIUtils.microsummaries
  117.                                             .getMicrosummaries(this._uri, -1);
  118.     }
  119.     catch(ex) {
  120.       // getMicrosummaries will throw an exception in at least two cases:
  121.       // 1. the bookmarked URI contains a scheme that the service won't
  122.       //    download for security reasons (currently it only handles http,
  123.       //    https, and file);
  124.       // 2. the page to which the URI refers isn't HTML or XML (the only two
  125.       //    content types the service knows how to summarize).
  126.       this._microsummaries = null;
  127.     }
  128.     if (this._microsummaries) {
  129.       var enumerator = this._microsummaries.Enumerate();
  130.  
  131.       if (enumerator.hasMoreElements()) {
  132.         // Show the drop marker if there are microsummaries
  133.         droppable = true;
  134.         while (enumerator.hasMoreElements()) {
  135.           var microsummary = enumerator.getNext()
  136.                                        .QueryInterface(Ci.nsIMicrosummary);
  137.           var menuItem = this._createMicrosummaryMenuItem(microsummary);
  138.           if (PlacesUIUtils.microsummaries
  139.                            .isMicrosummary(this._itemId, microsummary))
  140.             itemToSelect = menuItem;
  141.  
  142.           menupopup.appendChild(menuItem);
  143.         }
  144.       }
  145.  
  146.       this._microsummaries.addObserver(this);
  147.     }
  148.     /* changed here */
  149.     if (namePicker.selectedItem == itemToSelect || true){
  150.       namePicker.value = itemToSelect.label;
  151.     }
  152.     else{
  153.       namePicker.selectedItem = itemToSelect;
  154.     }
  155.     namePicker.setAttribute("droppable", droppable);
  156.     namePicker.readOnly = this._readOnly;
  157.  
  158.     // clear the undo stack
  159.     var editor = namePicker.editor;
  160.     if (editor)
  161.       editor.transactionManager.clear();
  162.   },
  163.  
  164.   init : function(){
  165.     /*
  166.      Small change to the initNamePicker function
  167.      Without this the name field will alternate between Bookmarks Toolbar(or possibly something else)
  168.      and the actual title. There has to be a better way to fix this, but I'm not sure
  169.      I think this stems from issues created by removing the editItem point and moving it outside the deck
  170.     */
  171.     gEditItemOverlay._initNamePicker = PlacesPreviewUtils._initNamePicker;
  172.     //dump("preview init\n");
  173.     PlacesPreviewUtils.dir = Components.classes["@mozilla.org/file/directory_service;1"]
  174.                      .getService(Components.interfaces.nsIProperties)
  175.                      .get("ProfD", Components.interfaces.nsIFile);
  176.     PlacesPreviewUtils.dir.append("bookmarkpreviews");
  177.     if (!PlacesPreviewUtils.dir.exists())
  178.       PlacesPreviewUtils.dir.create(Components.interfaces.nsIFile.DIRECTORY_TYPE,0777);
  179.  
  180.     ThumbView = document.getElementById("thumbnailView");
  181.  
  182.     PlacesOrganizer._content.addEventListener("select",PlacesPreviewUtils.onSelectionChanged,false);
  183.  
  184.     PlacesPreviewUtils.contentDeck = document.getElementById("contentDeck");
  185.     var modeMenus = {
  186.       thumbnails: document.getElementById("thumbnailsViewMenu"),
  187.       albums: document.getElementById("albumsViewMenu"),
  188.       details: document.getElementById("detailsViewMenu")
  189.     };
  190.     var commands = document.getElementById("previewsCommandSet").childNodes;
  191.     for (var i = 0; i<commands.length;i++){
  192.       var command = commands[i];
  193.       command.removeAttribute("persist");
  194.       command.removeAttribute("checked");
  195.     }
  196.     for each (var item in modeMenus){
  197.       item.removeAttribute("checked");
  198.     }
  199.     var view = document.getElementById("viewMenuPopup").getAttribute("view");
  200.     for (var mode in modeMenus){
  201.       if (mode == view){
  202.         dump("mode: "+mode+" checked: "+modeMenus[mode].getAttribute("checked")+"\n");
  203.         PlacesPreviewUtils.onSelectView(mode);
  204.         modeMenus[mode].setAttribute("checked","true");
  205.         break;
  206.       }
  207.     }
  208.  
  209.     var listSplitter = PlacesOrganizer._places.nextSibling;
  210.     listSplitter.setAttribute("oncommand","PlacesPreviewUtils.onResize(event);");
  211.  
  212.     addEventListener("resize",PlacesPreviewUtils.onResize,false);
  213.     /* Listen for when the previews get updated */
  214.     var observerService = Components.classes["@mozilla.org/observer-service;1"]
  215.                           .getService(Components.interfaces.nsIObserverService);
  216.     observerService.addObserver(PlacesPreviewUtils, "bookmarkpreviews:preview-updated", false);
  217.  
  218.     /*
  219.       Move the info pane outside of the deck so it can be used by the thumbnail view.
  220.       This needs to be in a setTimeout, otherwise a method in textbox's timeout will
  221.       throw.
  222.     */
  223.     setTimeout(function(){
  224.       var contentView = PlacesPreviewUtils.contentDeck.parentNode;
  225.       var infoPane = document.getElementById("infoPaneBox");
  226.       if (!infoPane)//The newest name is infoPaneBox, but it was previously just infoPane. Support both
  227.         infoPane = document.getElementById("infoPane");
  228.       var namePicker = document.getElementById("editBMPanel_namePicker");
  229.       infoPane = infoPane.parentNode.removeChild(infoPane);
  230.       infoPane = contentView.appendChild(infoPane);
  231.       namePicker = document.getElementById("editBMPanel_namePicker");
  232.       namePicker.selectedIndex = 0;
  233.     },0);
  234.   },
  235.   uninit : function(){
  236.     PlacesOrganizer._content.removeEventListener("select",PlacesPreviewUtils.onSelectionChanged,false);
  237.     window.removeEventListener("resize",PlacesPreviewUtils.onResize,false);
  238.     var observerService = Components.classes["@mozilla.org/observer-service;1"]
  239.                             .getService(Components.interfaces.nsIObserverService);
  240.     observerService.removeObserver(PlacesPreviewUtils, "bookmarkpreviews:preview-updated");
  241.     if (ThumbView.initiated)
  242.       ThumbView.uninit();
  243.     if (AlbumView.initiated)
  244.       AlbumView.uninit();
  245.   },
  246.   onResize : function(event){
  247.     if (PlacesPreviewUtils.utils.onResize)
  248.       PlacesPreviewUtils.utils.onResize(event);
  249.   },
  250.   sortChanged : function(event){
  251.     //dump("sort changed!-!-!-!\n");
  252.   },
  253.   onSelectView : function(type,event){
  254.     var evt = document.createEvent("MouseEvents");
  255.     evt.initMouseEvent("click", true, true, window,
  256.       0, 0, 0, 0, 0, false, false, false, false, 0, null);
  257.     var cb = document.getElementById(type+"ViewMenu");
  258.     cb.dispatchEvent(evt);
  259.     if (this.selected)
  260.       document.getElementById(this.selected+"ViewMenu").removeAttribute("checked");
  261.     else {
  262.       document.getElementById("detailsViewMenu").removeAttribute("checked");
  263.     }
  264.     document.getElementById(type+"ViewMenu").setAttribute("checked","true");
  265.     document.getElementById("viewMenuPopup").setAttribute("view",type);
  266.     dump("type: "+type+"\n");
  267.     if (type=="details"){
  268.       if (!event || this.contentDeck.selectedIndex!=0 ||
  269.           this.selected == "albums"){
  270.         this.contentDeck.selectedIndex=0;
  271.         if (AlbumView.initiated)
  272.           AlbumViewUtils.uninit();
  273.         if (ThumbView.initiated)
  274.           ThumbViewUtils.uninit();
  275.       }
  276.     }
  277.     else if (type=="albums"){
  278.       if (!event || this.contentDeck.selectedIndex!=0 ||
  279.           this.selected == "details"){
  280.         this.contentDeck.selectedIndex=0;
  281.         /* refresh if this wasn't selected and isn't the first view
  282.           if it is the first view it will be updated by a container open call so
  283.           we don't need to refresh here, too.
  284.         */
  285.         var refresh = this.selected&&this.selected!="albums";
  286.         if (ThumbViewUtils.initiated)
  287.           ThumbViewUtils.uninit();
  288.         AlbumViewUtils.initDisplay(refresh);
  289.       }
  290.     } else if (type=="thumbnails"){
  291.       if (!event || this.contentDeck.selectedIndex!=1){
  292.         this.contentDeck.selectedIndex=1;
  293.         if (AlbumView.initiated){
  294.           AlbumViewUtils.uninit();
  295.         }
  296.         //else
  297.         {/* first load, give time for the contents to get set up */
  298.           setTimeout(function(){ThumbViewUtils.initDisplay();},0);
  299.         }
  300.       }
  301.     }
  302.     this.selected = type;
  303.   },
  304.   getViewRoot : function(aCurIndex, aRootIndex){
  305.     var root;
  306.     var content = PlacesOrganizer._content;
  307.     var curIndex = content.currentIndex;
  308.     var rootIndex = -1;
  309.     root = content.getResultNode();
  310.     PlacesPreviewUtils.displayRoot = root;
  311.     if (aCurIndex)
  312.       aCurIndex.value = curIndex;
  313.     if (aRootIndex)
  314.       aRootIndex.value = rootIndex;
  315.     return root;
  316.   },
  317.   getImageForURL : function(aURL){
  318.     var nopreview = "chrome://bookmarkpreviews/skin/nopreview.png";
  319.     if (aURL){
  320.       var file = PreviewServiceUtils.getPreviewFile(aURL,this.dir);
  321.       if (file && file.exists() && file.isFile()){
  322.         var ios = Cc["@mozilla.org/network/io-service;1"].getService(Ci.nsIIOService);
  323.         var uri = ios.newFileURI(file);
  324.         if (uri)
  325.           return uri.spec;
  326.       }
  327.     }
  328.     return nopreview;
  329.   },
  330.   getBookmarkImages : function(bkmks, aNode){
  331.     /*
  332.     var previews = new PreviewProvider(aNode);
  333.     this.loading = true;
  334.     var open = previews.root.containerOpen;
  335.     if (!open)
  336.       previews.root.containerOpen = true;
  337.     var length = previews.length;
  338.     for (var i = 0; i<length;i++){
  339.       var bkmk = previews.getImage(i);
  340.       if (bkmk)
  341.         bkmks.push(bkmk);
  342.     }
  343.     if (!open)
  344.       previews.root.containerOpen = false;
  345.     this.loading = false;
  346.     */
  347.  
  348.     if (!aNode)
  349.       aNode = PlacesPreviewUtils.getViewRoot();
  350.     var self = PlacesPreviewUtils;
  351.     var view = PlacesOrganizer._content.getResultView();
  352.     var idx = view.treeIndexForNode(aNode);
  353.     if (idx == 4294967295) idx=-1;
  354.     idx=-1;
  355.     var isOpen = idx==-1 || view.isContainerOpen(idx);
  356.     var rowCount = view.rowCount;
  357.     if (!(rowCount==0 || idx>=rowCount)){
  358.       var level = view.getLevel(idx+1);
  359.       for (var i = idx+1; i<rowCount; i++){
  360.         var rowLevel = view.getLevel(i);
  361.         if (rowLevel==level){
  362.           var node = view.nodeForTreeIndex(i);
  363.           var aType = node.type;
  364.           if (aType!=Ci.nsINavHistoryResultNode.RESULT_TYPE_SEPARATOR){
  365.             var url = node.uri;
  366.             var name = node.title;
  367.             var image = null;
  368.             if (!(node instanceof Ci.nsINavHistoryContainerResultNode))
  369.               image = PlacesPreviewUtils.getImageForURL(url);
  370.             else
  371.               image = "chrome://bookmarkpreviews/skin/folder.png";
  372.             bkmks.push({image: image,
  373.                         caption: name && name.length>0?name:url,
  374.                         url: url,
  375.                         node: node});
  376.           }
  377.         }
  378.         else if (rowLevel<level){
  379.           break;
  380.         }
  381.       }
  382.     }
  383.   },
  384.   canDrop : function(index, orientation){},
  385.   onDrop : function(row, orientation){},
  386.   onToggleOpenState  : function(index){},
  387.   onCycleHeader : function(column){},
  388.   onCycleCell : function(row, column){},
  389.   onSelectionChanged : function(event){
  390.     //dump("onselectionchanged: "+event+"\n");
  391.     if (PlacesPreviewUtils.utils.bkmksTree &&
  392.         PlacesPreviewUtils.utils.bkmksTree.view!=PlacesPreviewUtils.utils.view){
  393.       PlacesPreviewUtils.utils.view = PlacesPreviewUtils.utils.bkmksTree.view;
  394.     }
  395.     //dump("selection changed - "+AlbumView.updatedSelection+" - \n");
  396.     if (!PlacesPreviewUtils.utils.updatedSelection){
  397.       /*
  398.       This listens to the detailed view and the folder view.
  399.       Although the selection of the detailed view is updated in time when
  400.       this is sent from the detailed view's tree, it isn't updated
  401.       in time when it is sent from a selection change from the folder
  402.       view
  403.       */
  404.       setTimeout(function selectionChangedTimeout(){
  405.         PlacesPreviewUtils.utils.keepFocus = false
  406.         PlacesPreviewUtils.utils.refreshDisplay();
  407.         PlacesPreviewUtils.utils.keepFocus = true;
  408.       },5);
  409.     }
  410.   },
  411.   onPerformAction : function(action){
  412.     //dump("performaction\n");
  413.   },
  414.   onPerformActionOnRow : function(action, row){},
  415.   onPerformActionOnCell : function(action, row, column){},
  416.   observe: function(subject, topic, data) {
  417.     //dump("observer: "+topic+"|"+subject+"\n");
  418.     if (topic == "bookmarkpreviews:preview-updated"){
  419.       /* subject = updated uri */
  420.       this.utils.updatePreview(subject);
  421.     }
  422.   },
  423.   createPreviews : function(){
  424.     var strbundleService = Components.classes ["@mozilla.org/intl/stringbundle;1"]
  425.                         .getService(Components.interfaces.nsIStringBundleService);
  426.     var bundle = strbundleService.createBundle("chrome://bookmarkpreviews/locale/strings.properties");
  427.     var dialogQ = bundle.GetStringFromName("createpreviewsmessage");
  428.     var dialogTitle = bundle.GetStringFromName("createpreviewsdialogtitle");
  429.     var prompts = Components.classes["@mozilla.org/embedcomp/prompt-service;1"]
  430.                         .getService(Components.interfaces.nsIPromptService);
  431.     var result = prompts.confirm(window, dialogTitle, dialogQ);
  432.     if (result){
  433.       var wm = Components.classes["@mozilla.org/appshell/window-mediator;1"]
  434.                        .getService(Components.interfaces.nsIWindowMediator);
  435.       var newWindow = wm.getMostRecentWindow("navigator:browser");
  436.       if (newWindow)
  437.         newWindow.PreviewService.generateAllPreviews();
  438.       //XXX do something if there is no preview window...
  439.     }
  440.   }
  441. }
  442. var AlbumViewUtils = {
  443.   displayView : null,
  444.   placesTree : null,
  445.   bkmksTree : null,
  446.   view : null,
  447.   canSelect : false,
  448.   get displayRoot(){
  449.     return PlacesPreviewUtils.displayRoot;
  450.   },
  451.   set displayRoot(val){
  452.     PlacesPreviewUtils.displayRoot = val;
  453.   },
  454.   initDisplay : function(aForceRefresh){
  455.     //dump("init albumview display\n");
  456.     AlbumViewUtils.displayView = AlbumView;
  457.     PlacesPreviewUtils.utils = AlbumViewUtils;
  458.     AlbumViewUtils.placesTree = PlacesOrganizer._places;
  459.     AlbumViewUtils.bkmksTree = PlacesOrganizer._content;
  460.     AlbumViewUtils.view = AlbumViewUtils.bkmksTree.view;
  461.     AlbumView.init();
  462.     AlbumView.container.collapsed = false;
  463.     if (aForceRefresh)
  464.       AlbumViewUtils.refreshDisplay(true);
  465.   },
  466.   uninit : function(){
  467.     this.initiated = false;
  468.     AlbumView.container.collapsed = true;
  469.     AlbumView.uninit();
  470.   },
  471.   onResize : function(event){
  472.     if (AlbumView.canRefresh){
  473.       var orient = 1;
  474.       if (event.target.id == "placesView" || event.target.id == "bookmark-views-splitter")
  475.         orient = 0;//Horizontal
  476.       AlbumView.refresh(orient);
  477.     }
  478.   },
  479.   _findNodeWithURI : function(root,uri){
  480.     if (root.uri == uri) return root;
  481.     for (var i=0;i<root.childCount;i++){
  482.       var child = root.getChild(i);
  483.       if (child.uri == uri)
  484.         return child;
  485.       if (child instanceof Components.interfaces.nsINavHistoryContainerResultNode){
  486.         child=child.QueryInterface(Components.interfaces.nsINavHistoryContainerResultNode);
  487.         if (child.containerOpen){
  488.           if ((child = AlbumViewUtils._findNodeWithURI(child,uri)))
  489.             return child;
  490.         }
  491.       }
  492.     }
  493.     return null;
  494.   },
  495.   refreshDisplay : function(aForceRefresh, what){
  496.     //dump('refreshdisplay: '+aForceRefresh+" - ");
  497.     var curIndexObj = new Object(), rootIndexObj = new Object();
  498.     var previousRoot = AlbumViewUtils.displayRoot;
  499.     var root = PlacesPreviewUtils.getViewRoot(curIndexObj, rootIndexObj);
  500.     var curIndex = curIndexObj.value, rootIndex = rootIndexObj.value;
  501.  
  502.     if (root!=previousRoot || (aForceRefresh && !this.loading)){
  503.       var bkmks=[];
  504.       AlbumView.clearItems();
  505.       AlbumView.current = AlbumView.target = 0;
  506.       var previews = new PreviewProvider(root);
  507.       this.loading = true;
  508.       this._loadItems(previews);
  509.     }
  510.     var nextTarget=AlbumViewUtils._getNextTarget(curIndex,rootIndex);
  511.     AlbumView.keepFocus = false;
  512.     AlbumView.refresh(-1);
  513.     if (!(curIndex>-1 && AlbumViewUtils.view.isSeparator(curIndex)))
  514.       AlbumView.glideToIndex(nextTarget);
  515.  
  516.     this.initiated = true;
  517.   },
  518.   _loadItems : function(aPreviews, aStart){
  519.     var length = aPreviews.length, i;
  520.     var start = i = aStart?aStart:0;
  521.     for (; i<length && i-start<15;i++){
  522.       var bkmk = aPreviews.getImage(i);
  523.       if (bkmk)//Might be a separator
  524.         AlbumView.addItem(bkmk);
  525.     }
  526.     if (i>=length){
  527.       this.loading = false;
  528.     } else {
  529.       setTimeout(function(a){
  530.         if (a.displayRoot == aPreviews.root)
  531.           a._loadItems(aPreviews,i);
  532.       },50,this);
  533.     }
  534.   },
  535.   _getNextTarget : function(cIndex,rIndex){
  536.     if (cIndex>rIndex+1){
  537.       var max = AlbumViewUtils.view.rowCount, level = AlbumViewUtils.view.getLevel(cIndex);
  538.       var nextTarget = 0;//rIndex==-1?-1:0;
  539.       for (var i = rIndex+1;i<cIndex;i++){
  540.         if (AlbumViewUtils.view.getLevel(i)==level &&
  541.            !AlbumViewUtils.view.isSeparator(i))
  542.           nextTarget++;
  543.       }
  544.       return nextTarget;
  545.     }
  546.     return 0;
  547.   },
  548.   updatePreview : function(aURI){
  549.     //dump("update album preview: "+aURI.spec+"\n");
  550.     aURI = aURI.QueryInterface(Components.interfaces.nsIURI);
  551.     for (var i = 0; i < AlbumView.max; i++){
  552.       var url = AlbumView.itemProps[i].url;
  553.       if (url == aURI.spec){
  554.         var imgsrc = PlacesPreviewUtils.getImageForURL(url);
  555.         AlbumView.itemImages[i]=new Image();
  556.         AlbumView.itemImages[i].onload = function(){
  557.           AlbumView.imageLoaded(i);
  558.         }
  559.         AlbumView.itemImages[i].src = imgsrc;
  560.         if (AlbumView.itemImages[i].complete){
  561.           AlbumView.imageLoaded(i);
  562.         }
  563.         break;
  564.       }
  565.     }
  566.   },
  567.   selectIndex : function(node){
  568.     if (AlbumViewUtils.keepFocus){
  569.       AlbumViewUtils.updatedSelection = true;
  570.       if (!(AlbumViewUtils.bkmksTree.hasSelection &&
  571.           AlbumViewUtils.bkmksTree.hasSingleSelection &&
  572.           AlbumViewUtils.bkmksTree.selectedNode == node && node)){
  573.         AlbumViewUtils.view.selection.clearSelection();
  574.         //AlbumViewUtils.bkmksTree.selectItems([node.itemId]);
  575.         try{
  576.           var view = AlbumViewUtils.bkmksTree.view.QueryInterface(Ci.nsINavHistoryResultTreeViewer);
  577.           var index = view.treeIndexForNode(node);
  578.           view.selection.select(index);
  579.           AlbumViewUtils.bkmksTree.treeBoxObject.ensureRowIsVisible(index);
  580.         }catch(e){
  581.           dump("bp select index e: "+e+"\n");
  582.         }
  583.       }
  584.       AlbumViewUtils.updatedSelection = false;
  585.     }
  586.     AlbumViewUtils.keepFocus = true;
  587.   },
  588.   performAction : function(node, event){
  589.     if (PlacesUtils.nodeIsBookmark(node)){
  590.       openUILink(node.uri,event);
  591.     }
  592.     else if (PlacesUtils.nodeIsContainer(node)){
  593.       AlbumViewUtils.placesTree.selectItems([node.itemId]);
  594.       //dump("perform action refresh\n");
  595.       AlbumViewUtils.refreshDisplay();
  596.     }
  597.   }
  598. }
  599. var ThumbViewUtils = {
  600.   displayView : null,
  601.   placesTree : null,
  602.   view : null,
  603.   initDisplay : function(){
  604.     //dump("init thumbview display\n");
  605.     ThumbViewUtils.displayView = ThumbView;
  606.     ThumbViewUtils.placesTree = PlacesOrganizer._places;
  607.     PlacesPreviewUtils.utils  = ThumbViewUtils;
  608.     document.getElementById('thumbsSize').removeAttribute("disabled");
  609.     this.refreshDisplay(true);
  610.     //this.selectItem(item);
  611.     this.initiated = true;
  612.     //dump("finish init thumbview display\n");
  613.   },
  614.   uninit : function(){
  615.     this.initiated = false;
  616.     document.getElementById('thumbsSize').setAttribute("disabled","true");
  617.     /* select the current items in the content tree */
  618.     var selectedNode = ThumbView.selectedNode;
  619.     if (selectedNode)
  620.       PlacesOrganizer._content.selectItems([selectedNode.itemId]);
  621.   },
  622.   refreshDisplay : function(aForceRefresh){
  623.     this.initiated = true;
  624.     var previousRoot = PlacesPreviewUtils.displayRoot;
  625.     var root = PlacesPreviewUtils.getViewRoot();
  626.     if (aForceRefresh || !previousRoot || previousRoot.itemId!=root.itemId){
  627.       ThumbView.place = root.uri;
  628.     } else{
  629.       var bkmks = [];
  630.       PlacesPreviewUtils.getBookmarkImages(bkmks);
  631.       ThumbView.load(bkmks);
  632.     }
  633.   },
  634.   onResize : function(event){
  635.     ThumbView.onResize(event);
  636.   },
  637.   updatePreview : function(aURI){
  638.     //dump("update preview: "+aURI+"\n");
  639.     aURI = aURI.QueryInterface(Components.interfaces.nsIURI);
  640.     ThumbView.updateThumbnail(aURI.spec);
  641.   },
  642.   updateNodeTitle : function(aNode, aPrevVal, aNewVal){
  643.     ThumbView.updateNodeTitle(aNode,aPrevVal,aNewVal);
  644.   },
  645.   back : function(){PlacesOrganizer.back();},
  646.   forward : function(){PlacesOrganizer.forward();},
  647.   getBookmarkImages : PlacesPreviewUtils.getBookmarkImages,
  648.   _getNextTarget : function(cIndex,rIndex){
  649.     if (cIndex>rIndex+1){
  650.       var max = ThumbViewUtils.view.rowCount, level = ThumbViewUtils.view.getLevel(cIndex);
  651.       var nextTarget = 0;//rIndex==-1?-1:0;
  652.       for (var i = rIndex+1;i<cIndex;i++){
  653.         if (ThumbViewUtils.view.getLevel(i)==level &&
  654.            !ThumbViewUtils.view.isSeparator(i))
  655.           nextTarget++;
  656.       }
  657.       return nextTarget;
  658.     }
  659.     return 0;
  660.   },
  661.   selectIndex : function(node){
  662.     ThumbViewUtils.updatedSelection = true;
  663.     ThumbViewUtils.bkmksTree.selectItems([node.itemId]);
  664.     //ThumbViewUtils.selectNode(ThumbViewUtils.bkmksTree,node);
  665.     ThumbViewUtils.updatedSelection = false;
  666.   },
  667.   selectItem : function(item, event){
  668.     ThumbViewUtils.updatedSelection = true;
  669.     if (gEditItemOverlay.itemId != -1) {
  670.       var focusedElement = document.commandDispatcher.focusedElement;
  671.       if ((focusedElement instanceof HTMLInputElement ||
  672.            focusedElement instanceof HTMLTextAreaElement) &&
  673.           /^editBMPanel.*/.test(focusedElement.parentNode.parentNode.id))
  674.         focusedElement.blur();
  675.     }
  676.     var contentTree = document.getElementById("placeContent");
  677.     var detailsDeck = document.getElementById("detailsDeck");
  678.     var infoBox = document.getElementById("infoBox");
  679.     /* infoBox = 3.0pre, infoScrollBox = 3.0b5 */
  680.     if (!infoBox) {
  681.       infoBox = document.getElementById("infoScrollBox");
  682.       if (!infoBox) infoBox = {hidden:false};
  683.     }
  684.     detailsDeck.selectedIndex = 1;
  685.     if (item && item.node) {
  686.       var selectedNode = item.node;
  687.       infoBox.hidden = false;
  688.       if (selectedNode && selectedNode.itemId != -1) {
  689.         if (PlacesOrganizer._paneDisabled) {
  690.           PlacesOrganizer._setDetailsFieldsDisabledState(false);
  691.           PlacesOrganizer._paneDisabled = false;
  692.         }
  693.         // Using the concrete itemId is arguably wrong. The bookmarks API
  694.         // does allow setting properties for folder shortcuts as well, but since
  695.         // the UI does not distinct between the couple, we better just show
  696.         // the concrete item properties.
  697.         if (selectedNode.type ==
  698.             Ci.nsINavHistoryResultNode.RESULT_TYPE_FOLDER_SHORTCUT) {
  699.           gEditItemOverlay.initPanel(asQuery(selectedNode).folderItemId,
  700.                                      { hiddenRows: ["folderPicker"],
  701.                                        forceReadOnly: true });
  702.         } else {
  703.           gEditItemOverlay.initPanel(selectedNode.itemId,
  704.                                      { hiddenRows: ["folderPicker"] });
  705.         }
  706.         PlacesOrganizer._detectAndSetDetailsPaneMinimalState(selectedNode);
  707.         ThumbViewUtils.updatedSelection = false;
  708.         return;
  709.       }
  710.     }
  711.     else {
  712.       detailsDeck.selectedIndex = 0;
  713.       // The details deck has the height of its biggest child, so we hide the
  714.       // infoBox to allow it shrinking when there is no selection.
  715.       infoBox.hidden = true;
  716.       var selectItemDesc = document.getElementById("selectItemDescription");
  717.       var itemsCountLabel = document.getElementById("itemsCountText");
  718.       var rowCount = ThumbView.bookmarks.length;
  719.       if (rowCount == 0) {
  720.         selectItemDesc.hidden = true;
  721.         itemsCountLabel.value = PlacesUIUtils.getString("detailsPane.noItems");
  722.       }
  723.       else {
  724.         selectItemDesc.hidden = false;
  725.         if (rowCount == 1)
  726.           itemsCountLabel.value = PlacesUIUtils.getString("detailsPane.oneItem");
  727.         else {
  728.           itemsCountLabel.value =
  729.             PlacesUIUtils.getFormattedString("detailsPane.multipleItems",
  730.                                            [rowCount]);
  731.         }
  732.       }
  733.     }
  734.  
  735.     // Nothing to do if the pane was already disabled
  736.     if (!PlacesOrganizer._paneDisabled) {
  737.       gEditItemOverlay.uninitPanel();
  738.       PlacesOrganizer._setDetailsFieldsDisabledState(true);
  739.       PlacesOrganizer._paneDisabled = true;
  740.     }
  741.     ThumbViewUtils.updatedSelection = false;
  742.   },
  743.   performAction : function(item, event){
  744.     var node = item.node;
  745.     if (PlacesUtils.nodeIsBookmark(node)){
  746.       openUILink(node.uri,event);
  747.     }
  748.     else if (PlacesUtils.nodeIsContainer(node)){
  749.       //ThumbViewUtils.selectPlaceURI(PlacesOrganizer._places,node.uri);
  750.       ThumbViewUtils.placesTree.selectItems([node.itemId]);
  751.       //PlacesOrganizer.location = node.uri;
  752.     }
  753.   },
  754.   removeItem : function(item, event){
  755.     var node = item.node;
  756.     PlacesUtils.bookmarks.removeItem(node.itemId);
  757.     ThumbViewUtils.refreshDisplay();
  758.   }
  759. }
  760. window.addEventListener('load',PlacesPreviewUtils.init,false);
  761. window.addEventListener('unload',PlacesPreviewUtils.uninit,false);
  762.